<template>
  <div>
    <div class="">
        <div class="w100 rowsb rowsm h-60 bgff pl-20 pr-20 mb-20 br-16">
            <div class="fs-18 col333">考试成绩</div>
            <div class="fs-18" style="color: #E33636;">40分</div>
        </div>

        <div class="w100 rowsb rowsm h-60 bgff pl-20 pr-20 mb-20 br-16">
            <div class="fs-18 col333">平时成绩</div>
            <div class="fs-18" style="color: #4878FF;" @click="backCourse()">20分</div>
        </div>

        <div class="w100 rowsb rowsm h-60 bgff pl-20 pr-20 mb-20 br-16">
            <div class="fs-18 col333">成绩分析</div>
            <div class="fs-18" style="color: #666;">总成绩(70分/100分)=平时成绩(30分/50分)+考试成绩(40分/50分)</div>
        </div>

        <div class="w100 rowsb rowsm h-60 bgff pl-20 pr-20 mb-20 br-16">
            <div class="fs-18 col333">考试试题</div>
            <div class="w-180 h-30 br-15 rowsc rowsm fs-16 fw-b" style="border: 1px solid #E33636;color: #E33636;" @click="download = true">在线考试试卷下载</div>
        </div>




        <el-dialog :visible.sync="download" width="600px">
              <div class="w100 h-150 rowsa rowsm">
                <div class="w-180 h-60 br-15 rowsc rowsm fs-16 fw-b" style="border: 1px solid #E33636;color: #E33636;" @click="download = false">取消</div>
                <div class="w-180 h-60 br-15 rowsc rowsm fs-16 fw-b" style="background-color: #E33636;color: #fff;" @click="download = false">下载</div>
              </div>
        </el-dialog>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      download:false
    };
  },
  watch: {},
  computed: {},
  methods: {
    backCourse(){
      this.$emit('backCourse')
    }
  },
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
</style>